<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<script src="../lib/echarts.min.js"></script>
	</head>
	<body>
		<div style="width: 100%; height: 900px"></div>
		<script>
      // 1、初始化echarts
		 var mCharts = echarts.init(document.querySelector('div'))
     // 2、配置 option 
     var option = {
      series: [
        {
          type: 'gauge',
          data: [
            {
              value: 98,
              itemStyle: { // 指针样式
                color: 'pink'
              }
            },
            {
              value: 189,
              itemStyle: {
                color: 'green'
              }
            }
          ],
          min: 50, // min max 控制仪表盘数值范围
          max: 150,
          axisLine: {
            lineStyle: {
              width: 30,
            }
          },
        }
      ]
     }
     // 设置
     mCharts.setOption(option)
    </script>
	</body>
</html>
